<template>
	<view class="pushSet">
		<view class="notOpen">
			APP未打开时
		</view>
		<view class="pushSetList">
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					接收新消息通知
				</view>
				<switch name="switch" @change="switchChange" />
			</view>
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					私聊消息通知
				</view>
				<switch name="switch" />
			</view>
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					广播报名通知
				</view>
				<switch name="switch" />
			</view>
		</view>
		<view class="pushSetList2">
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					新点赞提醒
				</view>
				<form>
					<view class="uni-form-item uni-column">
						<view>
							<switch name="switch" />
						</view>
					</view>
				</form>
			</view>
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					新评论提醒
				</view>
				<switch name="switch" />
			</view>
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					新广播提醒
				</view>
				<switch name="switch" />
			</view>
		</view>
		<view class="pushSetList3">
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					新点赞提醒
				</view>
				<switch name="switch" />
			</view>
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					新评论提醒
				</view>
				<switch name="switch" />
			</view>
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					新广播提醒
				</view>
				<switch name="switch" />
			</view>
		</view>
		<view class="Open">
			APP打开时
		</view>
		<view class="pushSetList4">
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					声音
				</view>
				<switch name="switch" />
			</view>
			<view class="pushSetBox me-fx-row-sb-c ">
				<view class="pushSetFont">
					震动
				</view>
				<switch name="switch" />
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			getIndex() {

			},
			switchChange(e) {
				console.log(e, 'ee')
			},
		}
	}
</script>

<style>
	.pushSet {
		background-color: #F5F5F5;
	}

	.notOpen,.Open {
		width: 100%;
		height: 110rpx;
		color: rgba(101, 101, 101, 1);
		line-height: 110rpx;
		padding: 0 27rpx;
	}

	.pushSetList,
	.pushSetList2,
	.pushSetList3 ,.pushSetList4{
		padding: 0 29rpx;
		background-color: white;
		box-sizing: border-box;
	}

	.pushSetList2,
	.pushSetList3 {
		margin-top: 24rpx;
	}

	.pushSetBox {
		height: 110rpx;
	}

	.pushSetBox:nth-of-type(n+2) {
		border-top: 1rpx solid #F5F5F5;
	}

	.pushSetBox .pushSetFont {
		font-size: 32rpx;
		color: rgba(51, 51, 51, 1);
	}
</style>
